import React from 'react';
import { connect } from 'react-redux';
import Taro from '@tarojs/taro';
import NavBar from '@/components/NavBar';
import { View, Button, Text, Image } from '@tarojs/components';
import emptyCoupon from '@/giftCardSubPack/images/coupon/emptyCoupon.png';
import './index.scss';

const Coupon = () => {
  return (
    <>
      <View className="coupon">
        <View className="inner-wrap">
          <View className="inner">
            <Image src={emptyCoupon} className="empty-coupon" />
            <Text className="desc">暂无可用优惠券</Text>
          </View>
          <View className="btn-bottom">
            <Button
              className="btn"
              onClick={() => Taro.navigateBack({ url: '/orderSubPack/confirmOrder/index' })}
            >
              知道了
            </Button>
          </View>
        </View>
      </View>
    </>
  );
};
export default connect(() => ({}))(Coupon);
